/* 浮动 */
.fl{float: left;}
.fr{float: right;}
.clearfix{zoom: 1;overflow: hidden;}
.clearfix::after{content: '';display: block;clear: both;}
.cb{clear: both;}
/* 对齐 */
.text-l{text-align: left}
.text-r{text-align: right}
.text-c{text-align: center}
.vertical-t{vertical-align: top;}
.vertical-m{vertical-align: middle;}
.vertical-b{vertical-align: bottom;}

/*显示隐藏*/
.block{display: inline-block !important;}
.none{display: none !important;}
.visible-none {
    visibility: hidden;
}
.visible {
    visibility: visible !important;
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
//  字体
.font-title{
    font-size: 18px;
    color: #333;
}
.font-des{
    font-size: 14px;
    color: #bbb;
}
// 字体大小
.font14{font-size: 14px;}
.font16{font-size: 16px;}
// 字体颜色
.color-bbb{color: #BBBBBB;}
.color-333{color: #333;}
.color-999{color: #999;}

// hidden-md-and-up
/* 布局容器 */
.phone-wrap{
    position: relative;
    height: calc(100vh - 46px);
    overflow-x:hidden ;
    overflow-y: auto;
}
.box-wrap{
    margin: 10px;
    background-color: #fff;
    border-radius: 10px;
}


/*重置样式*/
@primaryColor:#27A4FE;
@navBarBg:#fff;
@navBarColor:#333;

.van-overlay{z-index: 999999999999;}
.van-tabs__line{
    background-color: @primaryColor;
}
.van-tab{
    font-size: 16px ;
}
.van-tab--active{
    color: @primaryColor;
}
.van-nav-bar {
  background: @navBarBg;
    .van-icon {
        color: @navBarColor;
    }
    .van-nav-bar__title {
        color: @navBarColor;
    }
    .van-dropdown-menu__bar{
        height: 44px;
        padding: 0 10px;
        background: @navBarBg;
        border-bottom: none;
    }
    .van-dropdown-menu__title::after{
        color: @navBarColor;
    }
    .van-ellipsis{
        color: @navBarColor;
    }
}
.van-button--large{
    height: 44px;
}
@media (max-width: 1201px){

}
@media (min-width: 1200px) {
    .van-dropdown-item {
        position: fixed;
        left: 50%;
        width: 1200px;
        margin-left: -610px;
        z-index: 10;
        overflow: hidden;
    }

    .tabAbsolute{
        position: absolute;
    }

}



/*间距*/
.margin-tb{margin: 15px 0;}
.padding-tb{padding: 15px 0;}
.margin-lr{margin: 0 15px;}
.padding-lr{padding: 0 15px;}

.margin-tb10{margin: 10px 0;}
.margin-tb20{margin: 20px 0;}
.margin-tb30{margin: 30px 0;}
.margin-tb40{margin: 40px 0;}
.margin-tb50{margin: 50px 0;}
.margin-lr10{margin: 0 10px;}
.margin-lr20{margin: 0 20px;}
.margin-lr30{margin: 0 30px;}
.margin-lr40{margin: 0 40px;}
.margin-lr50{margin: 0 50px;}

.padding-tb10{padding: 10px 0;}
.padding-tb20{padding: 20px 0;}
.padding-tb30{padding: 30px 0;}
.padding-tb40{padding: 40px 0;}
.padding-tb50{padding: 50px 0;}
.padding-lr10{padding: 0 10px;}
.padding-lr20{padding: 0 20px;}
.padding-lr30{padding: 0 30px;}
.padding-lr40{padding: 0 40px;}
.padding-lr50{padding: 0 50px;}

.margin-t10{margin-top: 10px;}
.margin-t20{margin-top: 20px;}
.margin-t30{margin-top: 30px;}
.margin-t40{margin-top: 40px;}
.margin-t50{margin-top: 50px;}
.margin-l10{margin-left: 10px;}
.margin-l20{margin-left: 20px;}
.margin-l30{margin-left: 30px;}
.margin-l40{margin-left: 40px;}
.margin-l50{margin-left: 50px;}

.padding-t10{padding-top: 10px;}
.padding-t20{padding-top: 20px;}
.padding-t30{padding-top: 30px;}
.padding-t40{padding-top: 40px;}
.padding-t50{padding-top: 50px;}
.padding-l10{padding-left: 10px;}
.padding-l20{padding-left: 20px;}
.padding-l30{padding-left: 30px;}
.padding-l40{padding-left: 40px;}
.padding-l50{padding-left: 50px;}
